<template>
    <div class="root">
		<div class="pops" @click="off">
            <div class="title">
                <p @click="getId(item.id,ind)"  v-for="(item,ind) in titles" :key="ind">{{item.title}}</p>
                <span>关闭</span>
            </div>
		</div>
    </div>
</template>

<script>

	export default {
        props:["titles"],
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		onShow:async function() {

  		},
		methods: {
            off(){
                this.$emit('off')
            },
            getId(id,ind){
                this.$emit('getId',id,ind)
            }
		}
	}
</script>

<style scoped lang=scss>
        .pops{
            height: 1208rpx;
            width: 100%;
            position: fixed;
            bottom: 0;
            z-index: 999;
            background-color:red;
            background: rgba(0,0,0,.5);
                .title{
                    width: 100%;
                    height: 600rpx;
                    background-color: #fff;
                    position: absolute;
                    bottom: 70rpx;
                    z-index: 9999;
                    overflow-y: auto;
                    p{
                        width: 100%;
                        height: 120rpx;
                        line-height:120rpx;
                        text-indent: 1em;
                        font-size:28rpx;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                    span{
                        position: fixed;
                        bottom: 0;
                        z-index: 99999;
                        color:red;
                        width: 100%;
                        height: 70rpx;
                        line-height:70rpx;
                        text-align: center;
                        background-color:#fff;
                    }
                }
        }
	
</style>
